|

01.08.2017, 15:02
|
Профессор
|
|
Регистрация: 20.10.2016
Сообщений: 223
|
|
Проверка checkbox на checked
Здравствуйте!
Подскажите пожалуйста, почему при клике на кнопку, никакого сообщения нет?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
$('#formSubmit').click(function() {
if ($('#formWheelchair').prop('checked'))
{
alert('Выбор сделан!');
}else {
alert('Ни чего не выбрано');
}
});
</script>
<title>Документ без названия</title>
</head>
<body>
<form method="post">
Вы выбираете? <br />
<input type="checkbox" name="formWheelchair" value="Yes" /><label for="formWheelchair">Да, я выбираю!</label><br/>
<input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>
</body>
</html>
|
|

01.08.2017, 15:06
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,149
|
|
DDim1000,
jquery где? ready где? где элемент $('#formWheelchair')???
Последний раз редактировалось рони, 01.08.2017 в 15:11.
|
|

01.08.2017, 15:07
|
 |
CacheVar
|
|
Регистрация: 19.08.2010
Сообщений: 14,277
|
|
Сообщение от DDim1000
|
почему при клике на кнопку, никакого сообщения нет?
|
Потому как при попытке "навесить" обработчик на странице нет никаких элементов...
|
|

01.08.2017, 15:19
|
Профессор
|
|
Регистрация: 20.10.2016
Сообщений: 223
|
|
Сообщение от рони
|
DDim1000,
jquery где? ready где? где элемент $('#formWheelchair')???
|
А jquery обязательно нужна?
Вот, с элементом $('#formWheelchair'):
<script type="text/javascript">
$(document).ready(function () {
$('#formSubmit').click(function() {
if ($('#formWheelchair').prop('checked'))
{
alert('Выбор сделан!');
}else {
alert('Ни чего не выбрано');
}
});
});
</script>
|
|

01.08.2017, 15:23
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,149
|
|
Сообщение от DDim1000
|
А jquery обязательно нужна?
|
...!!!
Сообщение от DDim1000
|
Вот, с элементом $('#formWheelchair'):
|
где на странице данный элемент???
|
|

01.08.2017, 15:29
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,149
|
|
DDim1000,
# -- это селектор id
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('#formSubmit').click(function() {
if ($('#formWheelchair').prop('checked')) {
alert('Выбор сделан!');
} else {
alert('Ни чего не выбрано');
}
});
});
/*
$(function() {
$('form').on('submit', function() {
var checked = $('#formWheelchair').prop('checked')
if (checked) {
alert('Выбор сделан!');
} else {
alert('Ни чего не выбрано');
}
return checked
});
});
*/
</script>
</head>
<body>
<form method="post">
Вы выбираете? <br />
<input type="checkbox" name="formWheelchair" value="Yes" id="formWheelchair"/><label for="formWheelchair">Да, я выбираю!</label><br/>
<input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>
</body>
</html>
|
|

01.08.2017, 17:18
|
Профессор
|
|
Регистрация: 20.10.2016
Сообщений: 223
|
|
Сообщение от рони
|
DDim1000,
# -- это селектор id
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$('#formSubmit').click(function() {
if ($('#formWheelchair').prop('checked')) {
alert('Выбор сделан!');
} else {
alert('Ни чего не выбрано');
}
});
});
/*
$(function() {
$('form').on('submit', function() {
var checked = $('#formWheelchair').prop('checked')
if (checked) {
alert('Выбор сделан!');
} else {
alert('Ни чего не выбрано');
}
return checked
});
});
*/
</script>
</head>
<body>
<form method="post">
Вы выбираете? <br />
<input type="checkbox" name="formWheelchair" value="Yes" id="formWheelchair"/><label for="formWheelchair">Да, я выбираю!</label><br/>
<input type="submit" id="formSubmit" name="formSubmit" value="Готово!" />
</form>
</body>
</html>
|
Все, работает! Спасибо большое!
|
|

01.08.2017, 17:25
|
 |
Профессор
|
|
Регистрация: 27.05.2010
Сообщений: 33,149
|
|
DDim1000,
на будущее: не копируйте сообщения целиком, бывает достаточно нажать на ник, чтобы было понятно кому сообщение.
|
|
|
|